import "./css/intro.css";
import "./css/bootstrap.min.css";
import "./css/animate.css";
import "./css/animation.css";
import IntroPic from '../../assets/peep-46.png'

function Intro() {
  return (
    <section id="intro" class="top_cont_outer">
      <div class="container">
        <div class="height90"></div>
        <div class="height50"></div>
        <div class="intro_background"></div>
        <div class="hero_section">
          <div class="row">
            <div class="col-lg-5 col-sm-7">
              <div class="top_left_cont zoomIn wow animated">
                <h2>
                  <strong>CSguide</strong>
                  <br /> Your{" "}
                  <font color="#ff6741">
                    <strong>personal</strong>
                  </font>{" "}
                  tutor
                </h2>
                <h7>
                  <strong>“CSguide - 计算机学习资源知识百科”</strong>
                  为浙江大学2022-2023秋冬学期软件工程管理课程第三小组课程项目,
                  旨在为计算机知识学习者提供方便快捷的资源索引， 愿 CSguide
                  能成为你求学路上的一盏明灯。
                </h7>
                <h6> </h6>
                <a href="#explore" class="read_more">
                  开始探索
                </a>
              </div>
            </div>
            <div>
              <img
                width="380px"
                length="50%"
                src={IntroPic}
                class="bannerImg zoomIn wow animated"
                alt=""
              />
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}

export default Intro;
